// 引入变量
@import './variables';
@import 'element/element';

// 引入基本
@import 'common/base';
@import 'common/text';
@import 'common/spacing';

@import 'module/block';

//@import 'el-card';

// 模式
.skin-night {
    filter: invert(1);
}

.r-container {

    // 主容器
    .container {
        padding: 20px;
    }

    // 头部
    .hand {
        display: flex;
        align-items: center;
        //justify-content: space-between;
        padding: 20px 20px 0 20px;
        //background-color: #fbfbfb;
        //box-shadow: 0 2px 5px rgba(0, 0, 0, .05);

        &-title {
            flex-grow: 1;
            margin-right: 20px;

            h2 {
                margin: 5px 0;
                color: rgba(#000, .8);
                font-size: 25px;
                line-height: 1;

                .moe-icon {
                    margin-right: 5px;
                }
            }

            p {
                margin: 0;
                color: $--color-info;
            }
        }

        // 面包屑
        .breadcrumb {
            display: flex;
            justify-content: flex-end;
            //padding: 10px 0;
            line-height: 1;

            i.moe-icon-map-marker {
                margin: 0 6px;
                color: $--color-info-light;
            }
        }
    }
}

// 操作按钮组
.r-button-group {
    //flex-direction: row;
    .el-button {
        //margin: 0 !important;
        padding: 7px 8px;
        //border-radius: 0 !important;
        //border: none;
        //border-right: 1px solid #fff;
        &:first-child {
            //border-right-color: rgba(255, 255, 255, 0.5);
            //border-top-left-radius: $--border-radius-circle;
            //border-bottom-left-radius: $--border-radius-circle;
        }
        //&--default {
        //    background-color: #f5f5f5;
        //}
        &:last-child {
            //border-right: none;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        &:hover, &:focus, &:active {
            z-index: 1 !important;
        }
    }
}

//
.r {
    // flex
    &-flex {
        display: flex;
        //flex-direction: row;
        align-items: center;
        &__item{
            flex: 1;
            //display: flex;
            //align-items: center;
        }
    }

    // 滚动条
    &-custom-scrollbar {
        // 隐藏 X
        > .el-scrollbar__wrap {
            overflow-x: auto !important;
        }
    }

    // 按钮组
    &-group-list {
        &__item {
            margin-bottom: 5px;
            &:last-child {
                margin-bottom: 0;
            }
            .el-link {
                margin-left: 5px;
                &--bold {
                    font-weight: bold;
                }
            }
        }
    }


}
